<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>

    <!-- css内部样式表 -->
    <!-- <style></style> -->

    <!-- css外部样式表 -->
    <!-- <link rel="stylesheet" href="" /> -->
  </head>
  <body>
    <!-- css内联样式表 -->
    <!-- <div style=""></div> -->

    <!-- 行内式 JS 代码（不推荐）写在标签上的 js 代码需要依靠事件（行为）来触发 -->
    <div onclick="alert('hello JavaScript')">hello JavaScript</div>

    <!-- 可以使用script标签直接写在html的里面，内嵌式 JS 代码 -->
    <!-- 浏览器执行代码是从上往下的，所以要先保证将html渲染出来，所以要写在body的最后 -->
    <!-- <script>
      console.log(123);
    </script> -->

    <!-- 可以用script加上src属性，外链式 JS 代码(推荐) -->
    <!-- <script src="./js/index.js"></script> -->



    <!-- 
      每一个浏览器都有两个引擎

      渲染html和css的渲染引擎
      执行js的引擎

      以谷歌浏览器为例 webkit v8
      这两个引擎又没有办法一起工作，所以要注意写的顺序
     -->
  </body>
</html>



